<!--
 * @Author: windys
 * @Description: 提问
 * @Date: 2022-03-11 14:10:18
-->
<template>
  <div class="page">
    <!-- <van-nav-bar title="问答广场" right-text="按钮" fixed>
      <template #right>
        <div class="nav_right">
          <van-icon name="manager"  @click="handleHome" />
        </div>
      </template>
    </van-nav-bar> -->

    <QuseList v-if="active == 0"></QuseList>
    <UserQuesList v-if="active == 1"></UserQuesList>

    <van-tabbar v-model="active">
      <van-tabbar-item icon="home-o">问答广场</van-tabbar-item>
      <van-tabbar-item icon="question-o">我的提问</van-tabbar-item>
    </van-tabbar>
  </div>
</template>


<script >
import { defineComponent, ref } from "vue";
import { useRouter } from "vue-router";
import QuseList from "./comps/QuseList.vue";
import UserQuesList from "./comps/UserQuesList.vue";
export default defineComponent({
  components: {
    QuseList,
    UserQuesList
  },
  setup() {
    const active = ref(0);
    const router = useRouter();
    const handleHome = () => router.push("/my");
    return {
      active,
      handleHome,
    };
  },
});
</script>



<style lang="scss" scoped>
.page {
  // padding-top: 50px;
}
</style>